<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div {
        width: 200px;
        height: 50px;
        border: 1px solid red;


        /*水平对齐方式*/
        text-align: center;
        /*文本修饰 overline 上划线
        underline 下划线
        line-through 删除线*/
        text-decoration: line-through;

        line-height: 50px;
        /*设置文本阴影*/
        text-shadow: red 5px 5px 2px;

        /*设置字体大小*/
        font-size: 20px;
        /*设置字体加粗*/
        font-weight: bold;
        /*设置斜体*/
        font-style: italic;
        /*设置字体*/
        font-family: cursive;

    }
    a{
      text-decoration: none;
    }
    h1 {
        /*去掉加粗*/
        font-weight: normal;
        /*设置字体大小和字体样式*/
        font: 43px cursive;
    }





  </style>





</head>
<body>
<h1>这是H1</h1>
<a href="">超链接</a>
<div>文本和字体测试</div>

</body>
</html>